<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                >

    <f:subview id="tutorialPesquisaEmbutido" rendered="#{fluxoExibicaoTutorial.exibirPesquisaTutorial}">
        <h:panelGrid columns="1" id="embPessCert" width="850" styleClass="center">
            <h:panelGrid columns="1" styleClass="center">
                 <h:form id="formTableTutorial">
                     <p:dataTable value="#{tutorialManager.tutoriais}" var="tutorial" 
                                 id="tableTutorial" rows="5" paginator="true" lazy="true" 
                                 paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} 
                                 {CurrentPageReport} {NextPageLink} {LastPageLink}" paginatorPosition="top" 
                                 styleClass="tabelabvb" rowsPerPageTemplate="5,10,20,30,50" style="width: 850px;"
                                 emptyMessage="#{msg.semRegistrosEcontrados}">
                        <f:facet name="header">
                            <h:outputText value="#{msg.richTableTutoriaisSerch}"/>
                        </f:facet>
                         <p:column filterBy="#{tutorial.indice}" headerText="#{msg.pesquisa}" id="col1" filterStyleClass="selectTableFilter">
                            
                        <h:graphicImage library="img" name="lente16.png" style="margin-top: 4px;"/>
                        <h:outputLink value="#{tutorial.url}" target="_blank" title="#{tutorial.url}" styleClass="classe2">
                              <h:outputText value="#{tutorial.tituloTutorial}"/>
                        </h:outputLink><br></br>             
                        
                        <p:spacer width="100%" height="5px"/>
                        <h:outputText value="#{tutorial.descricao}" styleClass="descricao"/><br></br>
                        
                        <p:spacer width="100%" height="5px"/>
                        <h:outputText value="#{msg.divulgadoPor}: " styleClass="descricaoLabel"/>
                        <h:outputText value="#{tutorial.usuario.login}" styleClass="descricaoDet"/>
                        
                        <p:spacer width="5px" height="5px"/>
                        <h:outputText value="#{msg.em}: " styleClass="descricaoLabel"/>
                        <h:outputText value="#{tutorial.dataCadastro}" styleClass="descricaoDet">
                            <f:convertDateTime pattern="dd/MM/yyyy"/>
                        </h:outputText>
                        
                        <p:spacer width="5px" height="5px"/>
                        <h:outputText value="#{msg.id}: " styleClass="descricaoLabel"/>
                        <h:outputText value="#{tutorial.id}" styleClass="descricaoDet"/>
                        <p:spacer width="100%" height="4px"/>
                        </p:column>
                    </p:dataTable>
                </h:form>
                
            </h:panelGrid>
        </h:panelGrid>

    </f:subview>
</ui:composition>
